/** Joyo theme */

/** Blue color color:rgba(82,155,234,255); */

/* border rgba(158,158,158,255) */

#afui.Joyo {
     font-family:"微软雅黑",'HelveticaNeue', 'Helvetica Neue',Helvetica, Arial, sans-serif;	
}
#afui.tree_show {	
	 background: url(../../images/bg.jpg) no-repeat;
	 background-size: 100%;
	 background-position: left center;
}
#afui.Joyo #header {
    background:#645281;
    border:none;
	-webkit-backface-visibility:hidden
}
#afui.Joyo.tree_show #header{
	background:none;
}
#afui.Joyo #header .button {
    color:rgba(82,155,234,255);
    border-color:transparent;
    font-size:14px;
    font-weight:normal;
}

#afui.Joyo #header:before {	
	position:absolute;
	font-family:'iconfont_10';
	content:"被";
	font-size:5em;
    color:inherit;
    text-shadow:none;
	padding:0px;
	font-weight:normal;
	left:38%;
	top:-28px;
}
#afui.Joyo #users_bt{
	float:right;
	position: relative;
    left: -15px;
    width: 36px;
}
#afui.Joyo #users_bt:before{
	position:absolute;
	font-family:'iconfont_10';
	content:"\88A4";
	font-size:2.2em;
    color:inherit;
    text-shadow:none;
	padding:0px;
	font-weight:normal;
	top:-5px;
	color:#fff;
}
#afui.Joyo .panel {
    background:#efeae9;  
}
#afui.Joyo .panel h2 { color:inherit;}

#afui.Joyo #navbar {
    background:rgb(249,249,249);
    color:black;
    border-top:1px solid rgba(158,158,158,255);
    box-shadow:none;
	display:none
}

#afui.Joyo #navbar a {
    color:rgba(96,96,96,255);
}

#afui.Joyo #navbar a.pressed {
    border-radius:0;    
    background:transparent;
}

#afui.Joyo .menuButton:after{
	font-family:'iconfont_10';
	content:"\88A3";
	font-size: 2em;	
	top:4px;
	left: 3px;
	position: absolute;
	color:#fff;
}

#afui.Joyo .list {
    font-weight:normal;
}

#afui.Joyo > #menu {
    border-right:1px solid #bbb;
    background:#353639;
    color:rgba(255,255,255,.8);
	-moz-box-shadow:-5px -5px 5px #1b1c1e inset;            
	-webkit-box-shadow:-5px -5px 5px #1b1c1e inset;         
	box-shadow:-5px -5px 5px #1b1c1e inset;  
}

#afui.Joyo #menu .list li,#afui.Joyo #menu .list .divider,#afui.Joyo #menu .list li:first-child,#afui.Joyo #menu .list li:last-child {
    border-color:rgb(215,215,215);
    font-weight:normal;
    box-shadow:none;
}
#afui.Joyo #menu nav > span{
    color:rgba(255,255,255,.3);
	display:block;
	padding:15px;
}
#afui.Joyo #menu .list span{
	padding:15px;
	display:block;
    border:1px solid #414348;
    font-size:1.2em;
}
#afui.Joyo #menu .list span.icon:before{
	font-size: 1.3em;
	left:-8px
}
#afui.Joyo #menu .list span:after{
    color:rgba(255,255,255,.3);
    content: "";
    font-family: 'chevron';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-top: -8px;
	margin-left:38%;
    text-transform: none;
}
#afui.Joyo #menu .list span.selectd{
	background:#272727;
}
#afui.Joyo #menu .list > li > a {
    color:rgba(255,255,255,.6);
	margin:0px;
	padding:15px 35px;
	margin-right:5px;
}
#afui.Joyo #menu .list a:hover,#afui.Joyo #menu .list a.selectd{
	background:#2e2e30;
}
#afui.Joyo #menu .list {
    font-weight: normal;
}
#afui.Joyo .list > li{
	display:none;
	border:none;
	padding:0px;
}
#afui.Joyo .list > li > a:after{
	content:"";
}

/*****产品列表*******/
#afui.Joyo #protuct_list{
	position: relative; 
}
#afui.Joyo #protuct_list > div{
	position: absolute;
	list-style:none;
	background:#FFF;
	left:10px;
	top:10px;
}
#afui.Joyo #protuct_list > div section{ position:relative;}
#afui.Joyo #protuct_list > div section a{ text-decoration:none; display:block}
#afui.Joyo #protuct_list > div img{ width:100%; display:block;}
#afui.Joyo #protuct_list > div h1{ color:#524742; padding:5px 10px; font-size:1.1em; font-weight:normal; display:block}
#afui.Joyo #protuct_list > div span{ color:#464646; font-weight:bold; padding:5px 10px; display:block}
#afui.Joyo #protuct_list > div section div{ 
	position:absolute;
	top:5px;
	right:5px;
	width:40px; 
	height:40px; 
	background:#FFF;
	border-radius:80px;
	box-shadow:0px 0px 10px #ccc;
	z-index:998;
	cursor:pointer
}
#afui.Joyo #protuct_list > div section div:before{	
	font-family:'iconfont_10';
	content:"\88A1";
	font-size: 1.65em;
    position: absolute;
    right: 7px;
    top: 5px;
}
#afui.Joyo #protuct_list > div section div.sele{ background:#ffd0d1}
#afui.Joyo #protuct_list > div section div.sele:before{
	content:"\88A2";
	font-size: 1.65em;
    position: absolute;
    right: 7px;
    top: 5px;
	color:#eb4c4f;
}

#afui.Joyo #task{
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,.4);
	width:100%;
	height:100%;
	z-index:999;
	display:none
}
#afui.Joyo #task > div{
	background:rgba(255,255,255,.9);
	width:80%;
	margin:40% auto;
	border-radius:5px;
}
#afui.Joyo #task div p{ padding:10% 15%; color:#333333}
#afui.Joyo #task div > a{ width:50%; line-height:50px; text-align:center; display:block; float:left; text-decoration:none}
#afui.Joyo #task div > a.reset_bt{ color:rgba(51,51,51,.6); border-right:1px outset rgba(255,255,255,0.2)}
#afui.Joyo #task div > a.ok_bt{color:#a458f2}
#afui.Joyo #xuyan{
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,.4);
	width:100%;
	height:100%;
	z-index:999;
	display:none
}
#afui.Joyo #xuyan > div{
	background:rgba(255,255,255,.9);
	width:80%;
	margin:40% auto;
	border-radius:5px;
}
#afui.Joyo #xuyan div textarea{ width:90%; margin:5%; margin-bottom:10px; height:60px; padding:5px}
#afui.Joyo #xuyan div > a{ width:50%; line-height:50px; text-align:center; display:block; float:left; text-decoration:none}
#afui.Joyo #xuyan div > a.reset_bt{ color:rgba(51,51,51,.6); border-right:1px outset rgba(255,255,255,0.2)}
#afui.Joyo #xuyan div > a.ok_bt{color:#a458f2}


#afui.Joyo div.footers_tree{
	position:fixed;
	bottom:0px;
	left:0px;
	height:60px;
	background:#a458f2;
	z-index:995;
	box-shadow:0 0 5px #737373;
	width:100%;
	display:none
}
#afui.Joyo div.footers_tree ul{	
	float:left;
	padding:0 5px;
	background:#FFF
}
#afui.Joyo div.footers_tree ul li{
	margin:8px;
	width:45px;
	border:1px solid #ccc;
	float:left;
	list-style:none;
	height:45px;
	border-radius:5px;
	padding:2px;
}
#afui.Joyo div.footers_tree ul li img{
	width:100%;
	height:100%
}
#afui.Joyo div.footers_tree a{
	line-height:60px;
	color:#FFF;
	font-size:1.2em;
	text-align:center;
	display:block;
	text-decoration:none
}

#afui.Joyo #tree{
	background:none;
	/*background:url(../../images/bg.jpg) no-repeat;
	background-size:100%;
	background-position:left center*/
}
#afui.Joyo #tree ul{ width:95%; margin:0 auto}
#afui.Joyo #tree ul li{
	width:28%;
	float:left;
	list-style:none;
	margin:2.6%;
	position:relative
}
#afui.Joyo #tree ul li img{
	width:100%
}
#afui.Joyo #tree ul li img:nth-child(1){
	position:absolute;
	left:0;
	top:0;
	z-index:99
}
#afui.Joyo #tree ul li:nth-child(1) {  
	width:40%;
   	margin-top:10%;
}
#afui.Joyo #tree ul li:nth-child(2) {  
    margin-top:-20% ;
    margin-left:-8%;
}
#afui.Joyo #tree ul li:nth-child(3) { 
	float:right
}
#afui.Joyo #tree .the_tree{ position:relative; padding-top:26%}
#afui.Joyo #tree .the_tree a.goprev,.pro_detail a.goprev{
	background:rgba(100,82,129,.5);
	width:30px;
	height:30px;
	line-height:25px;
	border-radius:75px;
	position:absolute;
	top:15px;
	left:15px;
	z-index:999
}
#afui.Joyo #tree .the_tree a.goprev:before,.pro_detail a.goprev:before{
	font-family:'iconfont_10';
	content:"\88AC";
	position:absolute;
	left:2px;
	top:5px;
	font-size:1.5em;
	color:rgba(255,255,255,.5);
	cursor:pointer
}
#afui.Joyo #tree .the_tree a.xuruan{ 
	width:100%;
	height:30%;
	position:fixed;
	bottom:0px;
	left:0px;
}

/*******************/
/**产品详情**/
.pro_detail .hearders{
	position:relative;
	background:#fff
}
/**宣言**/
.pro_detail .hearders > section{
	padding:10px;
}
#afui.Joyo .pro_detail .hearders > section h2{
	height:auto;
	padding:0px;
	margin:0px;
	color:#666666;
	font-weight:normal;
	font-size:1.2em
}
.pro_detail .hearders > section p{
	color:#333;
	font-size:1em;
	margin:5px 0 0 0;
}
.pro_detail .hearders > section textarea{
	width: 100%;
	margin-top: 10px;
	border: none;
	border-bottom: 1px solid #ccc;
}

/**轮播图**/
.pro_detail .hearders i{
	position:absolute;
	top:75px;	
	z-index:996
}
.pro_detail .hearders > span.pro_detail{
}

.pro_detail .hearders i.pro_img_prev{
	left:5px;
}
.pro_detail .hearders i.pro_img_next{
	right:5px;
}
.pro_detail .hearders i.pro_img_prev:before,.pro_detail .hearders i.pro_img_next:before{
	content:"\88AC";	
	font-size:3em;
	color:rgba(0,0,0,.4);
	position:absolute;
}
.pro_detail .hearders i.pro_img_next:before{
	right:-5px;
	top:-2px;
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#mySwipe{
    margin: 0 auto;
    max-width: 100%;
    visibility:hidden;
    overflow: hidden;
    position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}

#mywishSwipe .swipe-wrap > div {
  float:left;
  position: relative;
  overflow:hidden;
}
.pro_swipe .swipe-wrap > div {
  float:left;
  position: relative;
  overflow:hidden;
  height:180px;
}
.pro_swipe .swipe-wrap > div img{
  height:100%; 
  display:block;
  margin:0 auto;
}
.pro_detail .swipe > section{
	background:#a9a5af;
	color: #fff;
	text-align: right;
	width:100%;
	padding: 5px 10px;
	display:table
}
.pro_detail .swipe > section h3{
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	width: 70%;
	display: table-cell;
	vertical-align: middle;
	margin:5px 0;
	padding-right:10px;
}
.pro_detail .swipe > section span{	
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4em;
	text-align:right
}
/**产品详情*排行榜**/
.pro_detail a.pro_detail,.pro_detail a.pro_plist{
	display:block;
	margin:0 10px;
	padding:10px 0;
	border-bottom:1px solid rgba(51,51,51,.2);
	position:relative;
	font-size:1.2em
}
.pro_detail a.pro_detail:after,.pro_detail a.pro_plist:after{
	color:rgba(99,105,107,.3);
    content: "";
    font-family: 'chevron';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
	position:absolute;
	right:10px;
	top:15px;
}
.pro_detail a.pro_detail:before{
	content:"\88AD";
	font-size:1.5em
}
.pro_detail a.pro_plist:before{
	content:"\88AE";
	font-size:1.5em
}
.pro_detail a.pro_plist span{ opacity:.45; font-size:.8em;margin-left:10px;}
#afui.Joyo ul.pro_plist_detail li{ list-style:none; display:table; width:100%; padding:0 10px}
#afui.Joyo ul.pro_plist_detail li span{ display:table-cell; padding:10px 0}
#afui.Joyo ul.pro_plist_detail li span:nth-child(1) {  
   width:30%;  
   text-align:center
}
#afui.Joyo ul.pro_plist_detail li span:nth-child(2) {  
   width:45%;   
}
#afui.Joyo ul.pro_plist_detail li span:nth-child(3) {  
   width:25%;   
}
#afui.Joyo ul.pro_plist_detail li:first-child {  
   color:#e50000 
}
#afui.Joyo ul.pro_plist_detail li + li{
	
}
#afui.Joyo ul.pro_plist_detail li:nth-child(2n){
	background:#f3f3f3
}
#afui.Joyo ul.pro_plist_detail li:nth-child(2n-1){
	background:#ffffff
}
/**按钮**/
#afui.Joyo a.button{
	display:block;
	margin:10px;
	border-radius:8px;
	color:#FFF;
	text-align:center;
	padding:10px 0;
	font-size:1.2em;
	text-decoration:none
}
#afui.Joyo a.button.add_tree{
	background:#9e97aa;
	position:absolute;
	bottom:10px;
	left:0px;
}
#afui.Joyo a.button.now_wish{
	background:#a458f2;
	position:absolute;
	bottom:10px;
	right:0px;
}
#afui.Joyo a.button.zhichi,#afui.Joyo a.button.zhichi_c{
	background:#a458f2;
	margin-top:15px;
	margin-bottom:35px;
}
#afui.Joyo a.button.zhichi_c{
	background:#c5c3c3;
}



#mywishSwipe .swiper-pagination{
	text-align:center;
	bottom:10px;
	position:absolute;
	width:100%;
	z-index:999
}
#mywishSwipe .swiper-pagination span{
	width: .8em;
	height: .8em;
	margin: 0 .4em;
	display: inline-block;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: #d7d3d2;
}
#mywishSwipe .swiper-pagination span.active{
	background:#a99d9b;
}
/*******************/
/***ICON****/
.icon.colose:before{
	content: "\88a5";
}
.icon.baggage:before{
	content: "\88a6";
}
.icon.baby:before{
	content: "\88a7";
}
.icon.jj:before{
	content: "\88a8";
}
.icon.sm:before{
	content: "\88a9";
}
.icon.mf:before{
	content: "\88aa";
}


/*#afui.Joyo .button {
    background-color:transparent;
}

#afui.Joyo #backButton {
    background:rgba(249,249,249,1);
    color:rgba(82,155,234,255);
    display: block;
    position: absolute;
    line-height:44px;
    left: 25px;
    text-overflow: ellipsis;
    font-size: 14px;
    padding: 0;
    text-shadow: none;
    background-color: transparent;
    border:none;
    border-color: transparent;
    height: 44px;
    top:0;
    border-radius: 0;
    box-shadow:none;
    margin: 0;
    padding-left: 0;
    text-align: center;
    width:50px;
    padding:0 !important;
    margin:0 !important;
}

#afui.Joyo #backButton::before {
    z-index: -1;
    font-size:22px;
    position: absolute;
    top: 10px;
    left: -20px;
    text-align: center;
    border-radius: 0;
    border: none;
    border-color: transparent;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    font-family: 'chevron';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    background-color: transparent;
}

#afui.Joyo #backButton::after {
    content: '';
    width:0;
    height:0;
    border:none;
}


#afui.Joyo .button {
    box-shadow:none;
    border-radius: 0;
    border-color:#ccc;
    color:rgba(82,155,234,255);
    text-shadow:none;
}

#afui.Joyo .button-grouped * ,
#afui.Joyo .button-grouped >  .button:first-child,
#afui.Joyo .button-grouped.vertical * ,
#afui.Joyo .button-grouped.vertical >  .button:last-child, 
#afui.Joyo #header .button-grouped > .button {
    border-color:rgba(82,155,234,255);
}

#afui.Joyo .button-grouped > .button.pressed ,
#afui.Joyo #header .button-grouped > .button.pressed{
    color:white;
    background:rgba(82,155,234,255);
}

#afui.Joyo .afPopup {
    display: block;
    border:1px solid rgba(158,158,158,255);
    border-radius:10px;
    padding:0;
    text-align: center;
    width:280px;
    position: absolute;
    z-index: 1000000;
    top: 50%;
    color:inherit;
    background:rgba(249,249,249,1);
    text-align:center;
}

#afui.Joyo .afPopup>HEADER{
    padding:10px 0;
}

#afui.Joyo .afPopup>DIV{
    font-size:14px;
    padding-bottom:10px;
}

#afui.Joyo .afPopup>FOOTER{
    border-top:1px solid #aaa;
}

#afui.Joyo .afPopup .button {
    border: none;
    width: 50%;
    margin: 0;
    background: transparent;
    color:rgba(82,155,234,255);
    padding:12px 0;
}

#afui.Joyo .afPopup .button.pressed {
    background: none;
}

#afui.Joyo .button.pressed {
    font-weight:bold;
    background: white;
}

#afui.Joyo .afPopup a:not(:first-of-type) {
    border-left:1px solid rgba(158,158,158,255);
}

#afui.Joyo #af_actionsheet {
    background-color:transparent;
    color:black;
    padding-left:10px;
    padding-right:10px;
    border-top: transparent 1px solid;
    box-shadow: 0px -1px 2px rgba(0,0,0,0);
}

#afui.Joyo #af_actionsheet a{
    background-image:none;
    text-shadow:none;
    box-shadow:none;
    font-weight:normal;
    border-radius: 0;
    border:none;
    -webkit-box-shadow:none;
    color:rgba(82,155,234,255);
    background-color:white;
    cursor:pointer;
    border-radius:0px;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 1px;
}

#afui.Joyo #af_actionsheet a:first-child{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

#afui.Joyo #af_actionsheet a:nth-last-child(2){
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

#afui.Joyo #af_actionsheet a.cancel{
    font-weight:bold;
    margin: 9px 0;
    border-radius:5px;
}

#afui.Joyo #navbar a.pressed,#navbar .icon.pressed:before  {
    color:rgba(82,155,234,255);
}

#afui.Joyo .button.previous {
    border:none;
}

#afui.Joyo .button.next {
    border:none;   
}

#afui.Joyo .button.previous::after {
    color:rgba(82,155,234,255);
    z-index: -1;
    font-size:22px;
    position: absolute;
    top: 2px;
    left: -25px;
    text-align: center;
    border-radius: 0;
    border: none;
    border-color: transparent;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    font-family: 'chevron';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    background-color: transparent;
}

#afui.Joyo .button.next::after {
    color:rgba(82,155,234,255);
    z-index: -1;
    font-size:22px;
    position: absolute;
    top: 6px;
    right: -25px;
    text-align: center;
    border-radius: 0;
    border: none;
    border-color: transparent;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    font-family: 'chevron';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    background-color: transparent;
}

#afui.Joyo .button.gray {
    color:#999;
    background-color:transparent;
}

#afui.Joyo .button.yellow {
    color:#F1C222;
    background-color:transparent;
}

#afui.Joyo .button.red {
    color:#b20000;
    background-color:transparent;
}

#afui.Joyo .button.green {
    color:#009C0C;
    background-color:transparent;
}

#afui.Joyo .button.orange {
    color:#FF8000;
    background-color:transparent;
}

#afui.Joyo .button.black {
    color:black;
    background-color:transparent;
}

#afui.Joyo .button.slate {
    color:#171F28;
    background-color:transparent;    
}

#afui.Joyo .af-badge {
    border:none;
    box-shadow:none;
    font-size:12px;
}
*/